<script setup lang='ts'>
import { ElCard } from 'element-plus'
// import { useRoute } from 'vue-router'

import TableAll from './table-all.vue'
import TableApply from './table-apply.vue'

// ! 罗宁说这个地方不要了, 也不知道是一阶段不要还是
// const { path } = useRoute()

// const showSecond = computed(() => path.includes('supplier-pages'))

const activeName = ref('first')
const componentDom = computed(() => {
    return activeName.value === 'first' ? TableAll : TableApply
})
</script>

<template>
    <ElCard shadow="never">
        <div class="mb-20 text-16 font-700">
            账号管理
        </div>

        <!-- <el-tabs v-model="activeName"
                 class="demo-tabs"
        >
            <el-tab-pane label="全部账户"
                         name="first"
            />

            <el-tab-pane v-if="showSecond"
                         label="申请加入"
                         name="second"
            />
        </el-tabs> -->

        <component :is="componentDom" />
    </ElCard>
</template>
